@charset "utf-8";







.pro-des-fl{width:65%;float:left;}
.pro-des-fl h3{margin:20px auto;color:#ed1c24;font-size:24px;}

.pro-des-fl h4{margin:20px auto;color:#ed1c24;font-size:24px;}
.pro-des-fl p{font-size:15px;color:#666;line-height:26px;}
.pro-des-fr{width:30%;float:right;}
.pro-des-fr h4{margin-top:0px;color:#ed1c24;font-size:20px;margin-bottom:5px;}
.pro-des-fr dd{font-size:15px;color:#666;line-height:28px;position: relative;padding-left:20px;}
.pro-des-fr dd:after{content: "";width:5px;height:5px;background:#666;border-radius:50%;left:0px;top:12px;position:absolute;}
.pro-des-fr .wtgntd-list li{width: 100%; padding:0 0 0 1.1em;
 
 background-image:url("../bg/bullet.png");
 background-repeat:no-repeat;
 background-position:left .5em; list-style:none; }
.pro-des-fr .wtgntd-list li p{position:relative;padding-left:10px;}
.pro-des-fr .wtgntd-list li p:after{content:"";position:absolute;left:0;top:50%;margin-top:-2px;width:4px;height:4px;border-radius:4px;background: rgb(102, 102, 102);}
.wtcpyy-msgp{width:100%;overflow:hidden;}
.wtcpyy-msgp p{font-family: 微软雅黑, "Microsoft YaHei"; font-size: 16px; color: rgb(102, 102, 102);width:50%;float:left;}
.pro-des-fr .wtgntd-list ul{ margin-left:.55rem}
@media screen and (max-width:992px) {
.pro-des-fl,.pro-des-fr{width:100%;}


}

/****/

.classtit{position: absolute;width: 100%;overflow: hidden;z-index: 1;left: 0px;color:#fff;top:0;bottom: 0;margin: auto;height:120px;}
.cname1{font-size:30px;line-height: 35px;height: 35px;}
.cname2{font-size: 36px;line-height: 36px;height: 36px; margin-top: 20px;}
.tit1{width:60%;text-align: left;display: inline-block;}
.bread{width:auto;background: #f2f2f2;position: absolute;bottom: 0;right: 0;padding: 25px;padding-right: 5%;color: #999;font-size: 14px;}
.bread a{display: inline-block;margin: 0px 10px;color: #999;font-size: 14px;}
.bread a:hover,.bread a.dq{color:#ed1c24;font-size: 14px;}
.banner{width: 100%;overflow: hidden;position: relative;}
.banner img{width: 100%;overflow: hidden;}
.pnav{overflow: hidden; width: 100%;background: #fff;}
.pnav a{display: inline-block;margin-right: 40px;line-height: 70px;font-size: 16px;border-bottom: 2px solid #fff;font-size: 16px;font-weight: 600;}
.pnav a.dq,.pnav a:hover{color: #ed1c24;border-color: #ed1c24;}
/****/

.probread{background: #ed1c24;color:#fff;width: 100%;padding: 10px;}
.prot1{line-height: 40px;width: 100%;overflow: hidden;padding-top: 100px; position: relative;}
.back3{position: absolute;bottom: 0;right: 0;display: block;}
.prodimg{text-align: center;padding:20px;overflow: hidden;}
.proddes{text-align: left;padding:30px;overflow: hidden;}
.prodimg img{max-width: 100%;}
.procon{padding: 50px 0px;}
.prdtit1{width: 100%;overflow: hidden;font-size: 22px;padding: 12px 0px;line-height: 30px;}
.prdtit2{border-top: 1px solid #ddd;padding: 10px 0px;margin: 10px 0px;}
.prdtit2 .f18{font-size: 18px;color: #000;}
.prdtit2 .f14{font-size: 14px;color: #666;}
/*.ulnavs{overflow: hidden; width: 100%;border-bottom: 1px solid #ddd;text-align: left;}
*/
.ulnavs{overflow: hidden; width: 100%; margin:0 auto;border-bottom: 1px solid #ddd;text-align: left;}

.ulnavs li{display: inline-block;margin-right: 40px;line-height: 70px;font-size: 22px;border-bottom: 2px solid #fff;font-weight: 600;cursor: pointer;transition: all 500ms;}
.ulnavs li.dq,.ulnavs li:hover{color: #ed1c24;border-color: #ed1c24;}
.procon2{background: #fff;padding-bottom: 200px;}
/*.ulnavs2{width: 100%;overflow: hidden;}*/
.ulnavs2{width: 100%; margin:0 auto; overflow: hidden;}
.ulnavs2 section{width: 100%;overflow: hidden;display: none;padding: 20px 0px}
.ulnavs2 section:nth-child(1){display: block;}

.center-c li{width: 100%; padding:0 0 0 1.5em;
 
 background-image:url("../bg/bullet.png");
 background-repeat:no-repeat;
 background-position:left .5em; list-style:none; }

.center-c{padding: 20px;background: #f6f6f6; margin-bottom:30px;}
.center-c-left{width: 50%;height: auto;padding: 50px 1.9%;float: left;background: #f6f6f6;}
.center-c-left:nth-child(1){border-right: 1px solid #ddd;}
.c-left-l{width: 36%;height: auto;float: left;margin-right: 0px;}
.c-left-l img{display: block; width: 100%;height: 100%;}
.c-left-r{width: 56%;height: auto;float: left;}
.c-left-r b{display: block;font-weight: 500; width: 100%;line-height: 30px;font-size: 22px;color: #000;padding-bottom: 20px;}
.c-left-r span{display: block;font-size: 14px;color: #666;}


.ulnavs2 li img{max-width: 100%;}
/*.ulnavs2 li:nth-child(1){display: block;}*/
.procon3{width: 100%;padding: 50px 0px;}
.prodlist{width: 100%;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px 5px;}
.prodlist li{width: 30%;overflow: hidden;transition: all 500ms;}
.prodlist li:hover{box-shadow: 1px 1px 10px 1px #ccc; transition: all 500ms;}
.prodtit1{width: 100%;overflow: hidden;font-size: 22px;line-height: 40px;padding: 0 7px;}
.prodtit2{width: 100%;overflow: hidden;font-size: 14px;line-height: 20px;color: #666;padding: 0 10px;}
.prodmore{line-height: 50px;border-top: 1px solid #ddd;margin-top: 10px;padding-left: 10px;}
.proddimg{width: 100%;overflow: hidden;}
.proddimg img{width: 100%;}
/****/

.picScroll-left8 .hd ul{position: absolute;bottom: 50px;left: 0px;width:400px;text-align: left;}
.picScroll-left8 .hd ul li{ display: inline-block;width:15px; height:auto; overflow:hidden; margin-right:5px; cursor:pointer; color: #fff;font-size: 20px;text-align: center;height: 15px;border-radius: 10px;background: #ed1c24; }
.picScroll-left8 .hd ul li.on{ background-position:0 0;font-size: 24px; background: #e17f14; }	
.picScroll-left8 .hd ul li.on:before{font-size: 20px;}

/*产品详情*/
.productlist{width: 100%;overflow: hidden;display: flex;flex-wrap:wrap;justify-content:space-between;align-content: center;}
.productlist li{width: 46%;overflow: hidden;background: #fff;box-shadow: 1px 1px 10px 1px #ddd;padding: 0px 30px 0px 30px;border: 5px solid #fff;transition: all 500ms;margin-bottom: 30px;}
.productlist li:hover{border-color:#ed1c24;transition: all 500ms; }
.productimg{width: 50%;float: left;overflow: hidden;}
.productdes{width: 50%;float: left;overflow: hidden;position: relative;padding: 20px 5px; padding-bottom: 50px;}
.producttit{width: 100%;overflow: hidden;font-size: 20px;}
.producttit2{width: 100%;overflow: hidden;font-size: 16px;margin: 5px 0px;line-height:20px;}
.producttit3{width: 100%;overflow: hidden;font-size: 16px;margin: 5px 0px;line-height:25px;height: 100px;}
.productimg img{width: 100%;}

.np .common1200{z-index: 2;overflow: visible;border: 1px solid #f1f1f1; position: relative;}
.np{overflow: visible;position: relative;z-index: 3;}
.nav2b{padding-left: 50px;position: relative;width: 100%;}
.nav2b a{display: inline-block;margin: 5px 0px;}
.navab{position: absolute;left: 0px;top: 0px;}
.more3{width: 100%;border-top: 1px solid #ddd;line-height: 40px;height: 40px;color: #666;position: absolute;bottom: 0;color:#ed1c24;}
.more3 img{float: right;margin-top: 5px;}

.productlist{width: 100%;overflow: hidden;display: flex;flex-wrap:wrap;justify-content:space-between;align-content: center;}
.productlist li{width: 46%;overflow: hidden;background: #fff;box-shadow: 1px 1px 10px 1px #ddd;padding: 0px 30px 0px 0px;border: 5px solid #fff;transition: all 500ms;margin-bottom: 30px;}
.productlist li:hover{border-color:#ed1c24;transition: all 500ms; }
.productimg{width: 50%;float: left;overflow: hidden;}
.productdes{width: 50%;float: left;overflow: hidden;position: relative;padding: 20px 5px 20px 30px; }
.producttit{width: 100%;overflow: hidden;font-size: 20px; color: #ed1c24; font-weight: 500;}
.producttit2{width: 100%;overflow: hidden;font-size: 12px;margin: 15px 0px;}
.producttit3{width: 100%;overflow: hidden;font-size: 12px;margin: 5px 0px;line-height:25px;height: 100px;}
.productimg img{width: 100%;}

.nav2{background: #fff;padding: 30px;margin: -80px auto 0px;min-height: 93px; }
.np .common1200{z-index: 2;overflow: visible;border: 1px solid #f1f1f1;  z-index:-1;}
.new-w{width: 80% !important; padding: 0 !important; margin: 0px auto;}
.np{overflow: visible;position: relative;z-index: 3;}
.nav2b{padding-left: 220px;position: relative;width: 100%;min-height: 34px;}
.nav2b a{width: 48%; display: inline-block;margin: 5px 0; color: #000; overflow: hidden;white-space: nowrap;text-overflow:ellipsis;  }
.nav2b a:nth-child(1){width: auto !important; padding-top: 4px; font-weight:900; color:#ed1c24;white-space: inherit;max-width: 200px;}
a.navab{display: block; position: absolute;left: 0px;top: 0px;margin: 0px;}
.nav2b a:hover,.nav2b a.dq{color: #ed1c24;}
.more3{width: 100%;border-top: 1px solid #ddd;line-height: 40px;height: 40px;color: #666;position: absolute;bottom: 0;color:#ed1c24;}
.more3 img{float: right;margin-top: 5px;}
.searchs{width: 100%;overflow: hidden;background: #fff;padding: 30px;margin: 50px 0px 80px;display: flex;flex-wrap: wrap;align-content: space-between;align-items: center;justify-content: space-between;text-align: center;}
.searchs input[type=text]{width: 22%;line-height: 40px;border: 1px solid #ddd;height: 42px;padding-left: 10px;display: inline-block;}
.searchs select{width: 25%;line-height: 40px;border: 1px solid #ddd;height: 42px;display: inline-block;}
.searchs input[type=submit]{width: 15%;line-height: 40px;border: 1px solid #ddd;background: #ed1c24;color: #fff;display: inline-block;}
.solbox{width: 100%;overflow: hidden;padding: 20px 0px 50px;background: #fff;}		
.solution{width: 100%;overflow: hidden;display: inline-flex;flex-wrap: wrap;justify-content: space-between;}
.solution li{border: 4px solid #f1f1f1;width: 27.333%;float: left;overflow: hidden;margin:20px 3%;transition: all 500ms; position: relative;}
.solt1{transition: all 500ms;width: 100%;font-size:22px;color: #666;line-height: 30px;margin: 20px 0px;overflow: hidden;}
.solt2{transition: all 500ms;width: 100%;font-size:14px;color: #666;line-height: 20px;margin: 20px 0px;overflow: hidden;}
.solmore{ width: 100%; transition: all 500ms;background: #f1f1f1;line-height: 50px;padding:10px 20px;font-size: 14px;color: #666;border-top: 1px solid #fff; position: absolute; bottom: 0px; left: 0px;}
.solmore img{transition: all 500ms;float: right;margin-top: 15px;}
.soltbox{transition: all 500ms;padding: 40px 20px 70px 20px;}
.solution li:hover,.solution li:hover .solmore{transition: all 500ms;background: #ed1c24;}
.solution li:hover .solt2,.solution li:hover .solt1,.solution li:hover .solmore{transition: all 500ms;color: #fff;}
.back{position: absolute;right: 0px;display: block;}
.ptit3{width: 100%;text-align: center;font-size: 38px;padding: 50px 10px;line-height: 50px;height: 50px;}	
.imgblock{width: 100%;overflow: hidden;text-align: center;font-size: 0;margin: 30px 0px 40px;}
.imgblock .eb{display: inline-block;max-width: 220px;width: 30%;margin:20px 1.5%;}
.ers{font-size: 22px;line-height: 40px;height: 40px;}

/* proinfo01 */
.proinfo01wrap{width: 100%;box-sizing: border-box;padding:0 0 80px 0;position: relative;}
.proinfo01wrap .bgimg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}
.proinfo01{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding: 0 50px;position: relative;z-index: 1;}
/* proinfo01text */
.proinfo01text{width: 50%;box-sizing: border-box;position: relative;padding-left: 50px;}
.proinfo01text:before{content: '';display: block;width: 5px;height: calc(100% - 20px);background: -webkit-linear-gradient(to bottom,#fb5002,#fe9000);background: linear-gradient(to bottom,#fb5002,#fe9000);position: absolute;left: 0;top: 20px;}
.proinfo01text h3{font-size: 80px;color: #222222;font-weight: bold;line-height:100px}
.proinfo01text p{font-size: 32px;color: #222222;    line-height: 36px;margin-top: 20px;}
.proinfo01text p span{display:none;}
/* proinfo01imgbox */
.proinfo01imgbox{max-width: 45%;}
.proinfo01imgbox img{display: block;width: auto;max-width: 100%;}



@media screen and (max-width:992px){
	
	.nav2b{padding-left:150px;}
	.nav2b a{ width:100%}
	.classtit .tit1{ width:100%; font-size:20px;}
	.classtit .cname1{ font-size:20px;}
	.classtit .cname2{ font-size:26px;}
	.proinfo01{ padding:0 5px; display:block;}
	.proinfo01text  {width:100%;padding-left:20px;}
	.proinfo01imgbox{width:100%;max-width:100%}
	.center-c-left {width:100%;padding:10px 1.9%}
	.c-left-l {width:100%}
	.c-left-r {width:100%}
	.c-left-l img{ display:none}
	.c-left-r img{ display:none}
	}
	
	.pro-titbig {
    font-size: 28px;
    color: #333;
    border-left: 4px solid #ed1c24;
    height: 32px;
    line-height: 32px;
    padding-left: 10px; margin-bottom:20px;
}


.pro-titbig-down{
    font-size: 28px;
    color: #333;
    border-left: 4px solid #ed1c24;
    height: 32px;
    line-height: 32px;
    padding-left: 10px; margin-bottom:20px;
}


.pic_border{border: 1px solid #ddd;}
.download {
    padding: 0px 0 20px 0;
}

.download ul {
    margin-bottom: 60px;
    width: 100%;
}

.download ul li.first {
    background: #ed1c24;
    height: 70px;
    line-height: 70px;
    color: #fff;
}

.download ul li {
    height: 60px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 60px;
    color: #666;
    font-size: 16px;
}

.download ul {
    overflow: hidden;
}

.download ul li span {
    float: left;
    text-align: center;
    display: block;
}

.download ul li span.d_name {
    text-align: left;
    padding: 0px 50px;
}

.download ul li span.d_down img {
    display: block;
    margin: 0px auto;
    margin-top: 20px;
}

.download ul li .d_name {
    width: 80%;
}

.download ul li .d_name  svg{
    width: 12px; margin-right:5px; 
}

.download ul li .d_down {
    width: 20%;
}

.download ul li .d_down a {
    width: 16px;
    height: 18px;
    display: block;
    background: url("/images/bg/icon_down.png") no-repeat center;
    margin: 20px auto 0;
}

.download ul li .d_down a:hover {
    background: url("/images/bg/downon.png") no-repeat center;
}




.products-pdf-down{ width:45%; float:left;}
.products-pdf-down li{ width:100%; float:left; margin-top:30px; border:solid 1px #e9e9e9; padding:20px 100px 28px 113px; position:relative;}
.products-pdf-down li .tab{ width:92px; height:107px; background:url(../bg/down-bg.jpg) no-repeat center center; position:absolute; left:0; top:0; text-align:center; background-position:center center; background-size:contain;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.products-pdf-down li .tab .ico{ width:100%; margin-top:29px; height:36px;}
.products-pdf-down li .tab .ico img{ height:100%;}
.products-pdf-down li .tab h6{ width:100%; height:100%; font-size:14px; color:white; line-height:32px; font-weight:bold; text-transform:uppercase; letter-spacing:1px;}
.products-pdf-down li .c_674{ width:100%; float:left; padding-top:25px;}
.products-pdf-down li .c_674 h4{ width:100%; font-size:19px; color:#333; line-height:27px;}
.products-pdf-down li .c_674 h5{ width:100%; font-size:12px; color:#888; line-height:23px;}
.products-pdf-down li .c_674 h5 img{ vertical-align:middle; margin:-3px 6px 0 0 ; height:12px;}
.products-pdf-down li .c_637{ width:48.63%; float:left; padding:0 52px 0 41px; height:65px; line-height:65px; background:url(../bg/down-bg5.png) no-repeat left center;}
.products-pdf-down li .c_637 .p{ display:inline-block; vertical-align:middle; font-size:14px; color:#666; line-height:24px; max-height:72px; overflow:hidden;}
.products-pdf-down li .down{ width:90px; text-align:center; position:absolute; right:0; top:0; height:100%; background:url(../bg/down-bg6.png) no-repeat left center; padding-top:29px;}
.products-pdf-down li .down .ico{width:100%; height:24px; background:url(../bg/down-icon.png) no-repeat center center; background-size:contain;}
.products-pdf-down li .down h5{ width:100%; font-size:14px; color:#666; line-height:20px; margin-top:10px;}
.products-pdf-down li:hover .tab{ background-image:url(../bg/hzhb-bg_h.jpg);}
.products-pdf-down li:hover .c_674 h4{ color:#cc0000;}
.products-pdf-down li:hover .down .ico{ background-image:url(../bg/down-icon_h.png);}
.products-pdf-down li:hover .down h5{ color:#cc0000;}
@media screen and (max-width:1380px) {
	.products-pdf-down {margin-left: .5rem; width:100%}
.products-pdf-down li .c_674{ width:40%;}
.products-pdf-down li .c_637{ width:60%; padding:0 32px 0 21px;}
}
@media screen and (max-width:1199px) {
.products-pdf-down {margin-left: .25rem;}
.products-pdf-down li{ margin-top:20px; padding:20px 123px 20px 103px;}
.products-pdf-down li .down{ width:123px;}
}
@media screen and (max-width:1023px) {
.products-pdf-down {margin-left: .25rem;}
.products-pdf-down li .tab{ width:76px; height:88px;}
.products-pdf-down li .c_674{ padding-top:5px;}
.products-pdf-down li .c_674 h4{ font-size:14px; line-height:23px;}
.products-pdf-down li .c_674 h5{ line-height:20px;}
.products-pdf-down li .c_674 h5 img{ vertical-align:middle; margin:-3px 6px 0 0 ; height:12px;}
.products-pdf-down li .c_637{  padding:0 12px 0 11px; height:58px; line-height:58px;}
.products-pdf-down li .c_637 .p{ font-size:12px; line-height:22px; max-height:44px;}
.products-pdf-down li .down{ width:103px; padding-top:20px;}
.products-pdf-down li .down .ico{ height:20px;}
.products-pdf-down li .down h5{ font-size:12px; line-height:18px; margin-top:6px;}
.products-pdf-down li .tab .ico{ margin-top:20px; height:10px;}
.products-pdf-down li .tab h6{ font-size:12px; line-height:28px;}
.products-pdf-down li{ padding:15px 103px 15px 93px;}
.products-pdf-down li .down{ width:103px;}
}
@media screen and (max-width:767px) {
.products-pdf-down ul{margin-left: .25rem;}
.products-pdf-down li .tab{ width:68px; height:79px;}
.products-pdf-down li .c_674{ width:100%; padding-top:0px;}
.products-pdf-down li .c_674 h4{ line-height:21px;}
.products-pdf-down li .c_674 h5{ line-height:18px;}
.products-pdf-down li .c_637{ width:100%; padding:0; height:20px; line-height:0px; background:none;}
.products-pdf-down li .c_637 .p{line-height:20px; height:18px;}
.products-pdf-down li .down{ width:63px; padding-top:18px;}
.products-pdf-down li .down .ico{ height:18px;}
.products-pdf-down li .down h5{ line-height:16px; margin-top:4px;}
.products-pdf-down li .tab .ico{ margin-top:18px; height:0px;}
.products-pdf-down li .tab h6{ line-height:24px;}
.products-pdf-down li{ padding:10px 0 10px 76px; margin-top:10px;}
.products-pdf-down li .down{ width:43px; display:none;}
}

.plleft a{ font-weight:bolder;}
.plblock a{ color:#000; display:block; margin:5px 0;}

.plblock-proucts a{width:100%;float:left;font-size:14px;color:#666;line-height:30px;text-align:left}
.plblock-proucts a:hover{color:#dd6e0f;text-decoration:underline}

@media screen and (max-width:768px) {.plblock-proucts a{ font-size:12px;line-height:20px}
}